@charset "utf-8";
/*css comment*/ 

/*fonts*/
.f36{ font-size: 36px;}
.f30{ font-size: 30px;}
.f24{ font-size: 24px;}
.f22{ font-size: 22px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;}
.f16{ font-size: 16px;}
 
@media (max-width: 1366px) {
	.inner{ max-width: 1140px;}
	/*fonts*/
	.f36{ font-size: 30px;}
	.f30{ font-size: 24px;}
	.f24{ font-size: 20px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;}
	
	/*header*/
	.header_mid{ margin: 24px 0;}
	.nav li a.n_a0 em{ padding-bottom: 10px;}
	.nav li .subclass a{ padding:15px 20px;}
	.menu_nav li a.m_a0{ line-height: 50px;}
	.m_subclass{ line-height: 40px;}
	.menu_img{ border-width: 10px;}
	
	/*=========01 =========*/ 
	main{ padding-top: 165px;}
	.sec_box{ padding: 80px 0;}
	.sec_tit{ margin-bottom:40px;}
	.more01{ width:180px; }
	.focus_swiper{ height:480px;}
	/* .focus_txt{ width:380px;} */
    .focus_txt_en{ font-size: 18px;}
    .focus_txt_tit{ font-size: 24px;}
    .focus_txt_slogan{ font-size: 20px;}
	.service_swiper .swiper-slide a{ height:345px; padding-top: 45px; padding-bottom: 45px;}
	.service_icon{ width:110px;}
	.service_swiper .swiper-slide a:hover .service_icon{ margin-top: -110px; }
	.service_more{ margin-top: 30px;} 
	.cases_show{ height:580px;}
	.cases_text{ height: 275px; padding-top: 40px; padding-bottom: 40px;}
	.cases_des{ margin-top: 20px;}
	.cases_more{ margin-top: 30px;}
	.cases_arrow{ bottom: 275px;}
	.advertising_show{ height: 420px;}
	.advertising_thumbs{ font-size: 14px; height: 420px;}
	.advertising_thumbs .swiper-slide{ height: 70px;}
	.advertising_thumbs .swiper-slide a{ padding-left: 20px;} 
    .advertising_thumbs_arrow{ line-height: 68px;}
	.advertising_more{ line-height: 68px;}
	.news_block{ height: 450px; }
	.news_column{ height:130px;} 
	.column_recommend{ padding: 30px;}
	.column_recommend li{ margin-bottom: 14px;}
	.column_recommend li.recommend_first{ margin-bottom: 40px;}
	.news_swiper .swiper-slide-active .news_block{ height: 524px;}
	.news_swiper .swiper-slide-active .news_column{ height:170px;}
	.design_pagination .swiper-pagination-bullet-active i{ width:45px;}
	.design_arrow div.swiper-button-prev{ right: auto; left:35px;}
	.design_arrow div.swiper-button-next{ left:auto; right:35px;}
	
	
	/*=========02 =========*/ 
	.banner_wrap{ height: 300px;}
	.guide_wrap{ line-height:70px;}
	.icon_logo{ width:70px;}
	.position{ font-size: 14px; margin: 0 -5px;}
	.position a{ padding: 0 5px;}
	.sub_nav{ font-size: 14px; margin: 0 -15px;}
	.sub_nav a{ padding: 0 15px;}
	.detail_left{ width: -webkit-calc(100% - 310px); width: calc(100% - 310px); padding-right: 30px; margin-right: 30px;}
	.cases_info, .cases_more02{ margin-top: 20px;}
	.cases_over{ margin-top: 10px;}
	
	/*=========09 =========*/ 
	.news_img{ width:360px;}
	.news_des{ margin-top: 20px;}
	.news_more{ margin-top: 35px;}
}

@media (max-width: 1199px) {
	.inner{ max-width: 960px;}
	/*fonts*/
	.f36{ font-size: 24px;}
	.f30{ font-size: 20px;}
	.f24{ font-size: 18px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}
	
	html, body{ letter-spacing: 0;}
    .float_wx{ width: 124px;}
	/*=========01 =========*/ 
	.sec_box{ background-attachment: local!important; background-position: 50% 0!important;}
	.more01{ width:160px; } 
	.service_swiper .swiper-slide a{ height:305px; padding-top: 35px; padding-bottom: 35px;} 
	.service_icon{ width: 90px;} 
	.service_swiper .swiper-slide a:hover .service_icon{ margin-top: -90px; }
	.service_more{ margin-top: 20px;}
	.cases_tab{ max-width: 480px; margin-bottom: 30px;}
	.cases_show{ height: 480px;}  
	.cases_text { height: 225px; padding-top: 30px; padding-bottom: 30px; }
	.cases_des{ margin-top: 10px;}
	.cases_more{ margin-top: 20px;}
	.cases_arrow{ bottom: 225px;} 
	.about_more{ margin-top: 40px;} 
	
	/*=========02 =========*/ 
	.guide_wrap{ line-height:60px;}
	.icon_logo{ width:60px;} 
	.sub_nav{ margin: 0 -10px;}
	.sub_nav a{ padding: 0 10px; }
	.rank_guide{ margin:0 -5px;}
	.rank_guide a{ padding:0 5px;}
	.cases_list{ margin:-20px -10px;}
	.cases_line{ padding: 20px 10px;}
	.cases_info, .cases_more02{ margin-top: 15px;}
	.cases_over{ margin-top: 5px;}
	.detail_left{ width: -webkit-calc(100% - 270px); width: calc(100% - 270px); }
	.detail_survey li:nth-child(n){ width: 100%;}
	.detail_right, .detail_point{ width:240px;}
	
	/*=========03 - 06  =========*/  
	.philosophy_tab{ max-width: 440px;} 
	
	/*=========09 =========*/ 
	.news_line{ padding: 35px 0;}
	.news_img{ width: 310px;} 
	.news_des{ margin-top: 10px;}
	.news_more{ margin-top: 25px;}
	.news_time{ font-size: 14px; margin-top: 5px;}
}


@media (max-width: 991px) {
	.inner{ max-width: 790px;} 
	/*fonts*/
	/*.f36{ font-size: 20px;}
	.f30{ font-size: 18px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}*/
	
	/*=========header =========*/ 
	.header_mid{ margin: 14px 0;}
	.header_bot{ display:none;}
	.menu_nav li a.m_a0{ line-height: 40px;}
	.m_subclass{ line-height: 30px;}
	.menu_box{ padding-top: 140px;}
	.menu_nav{ float:none; width: 100%; margin-right: 0;}
	.menu_img{ border-width: 5px; display:none;}
	
	/*=========footer =========*/ 
	.f_logo{ margin-left: auto; margin-right: auto;}
	.footer_top{ line-height: 26px;}
	.f_contact, .f_nav{ width:50%;}
	.f_notice{ clear: both; text-align: center; width: 100%; padding-left: 0; margin-top: 30px;}
	.f_notice li img{ max-width:100px;}
	
	/*=========01 =========*/ 
	main{ padding-top: 108px;}
	.more01{ width:140px; font-size: 12px;}
	.sec_box{ padding: 60px 0;} 
	.sec_tit{ margin-bottom:30px;}
	.focus_swiper{ height: 380px;}
	/* .focus_txt{ width: 280px;}   */
    .focus_txt_en{ font-size: 14px;}
    .focus_txt_tit{ font-size: 20px;}
    .focus_txt_slogan{ font-size: 16px;}
	.cases_tab{ max-width: 380px; margin-bottom: 20px;}
	.cases_swiper:before{ right:75%; display: none;}
	.cases_swiper:after{ left:75%; display: none;}   
	.advertising_thumbs{ width:36.44%; height: 360px;}
	.advertising_thumbs .swiper-container{ height:100%;}
	.advertising_thumbs .swiper-slide{ height: 60px;}
	.advertising_thumbs .swiper-slide a{ padding-left: 20px;} 
    .advertising_thumbs_arrow{ line-height: 44px; width: 100px;}
    .advertising_thumbs_arrow .iconfont{ font-size: 20px;}
	.advertising_more{ width: 180px; line-height: 44px;}
	#advertising_more_pc{ display:none;}
	#advertising_more_phone{ display:block;}
	.advertising_show{ height: 360px;}
	.design_pagination .swiper-pagination-bullet-active i{ width:35px;} 
	.news_block{ height: 390px; }
	.news_column{ height: 100px;} 
	.column_tit img{ width:40px; height: 40px;}
	.column_recommend{ padding: 25px;}
	.column_recommend li{ margin-bottom: 10px;}
	.column_recommend li.recommend_first{ margin-bottom: 30px;}
	.news_swiper .swiper-slide-active .news_block{ height: 464px;}
	.news_swiper .swiper-slide-active .news_column{ height: 140px;}
	
	/*=========02 =========*/ 
	.banner_wrap{ height: 240px;}
	.guide_wrap{ line-height:50px;}
	.icon_logo{ width:50px;} 
	.position{ margin: 0;}
	.position a{ padding:0;} 
	#cases_guide .position{ float:none;}
	#cases_guide .sub_nav{ float:none;}  
	.cases_list{ margin:-15px -10px;}
	.cases_line{ width:50%; padding: 15px 10px;}
	.cases_info, .cases_more02{ margin-top: 10px;}
	.cases_more02{ font-size: 12px;}
	.detail_left{ width:100%; float:none; padding-right: 0; margin-right: 0; border-right:none;}
	.detail_right, .detail_point{ width: 100%;}
	.relevant_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -15px -10px;}
	.relevant_line{ float:left; width:50%; padding: 15px 10px;}
	#portamento_container{ width:100%!important; min-height: 0!important;}
	#portamento_container .detail_point.fixed{ position:static!important; }
	.other_line{ padding: 20px 0;}
	
	/*=========03-06 =========*/  
	.philosophy_tab{ max-width: 340px;} 
	.showcase_intro .inner{ display:block;}
	.intro_left{ float:none; width: 100%; margin-right: 0; margin-bottom: 30px;}
	.intro_right{ float:none; width: 100%;} 
	.whole_explain, .exhibit_idea{min-height: inherit;}
	
	/*=========10 =========*/ 
	.profile_learn, .profile_talent, .profile_develop{ min-height: inherit;}
	
} 

@media (max-width: 750px) {
	body{ overflow-y:auto;}
	
	/*=========header =========*/  
    .hd_tel{ display: none;}
	.search_cover{ position:fixed; width:100%; top:107px; height: auto; border-top: 1px solid rgba(0,0,0, .06); padding-bottom: 5px;}
	
	/*=========footer =========*/  
	.footer_top{ padding: 40px 0; text-align: center;}
	.f_contact, .f_nav{ width: 100%;}
	.f_nav{ padding: 3% 0; border:none; margin-top: 30px; border-top:1px solid rgba(255,255,255, .18);  border-bottom:1px solid rgba(255,255,255, .18);}
	.footer_bot{ text-align: center;}
	.f_copyright{ width: 100%; float:none; padding-right: 0;}
	.f_func{ text-align: center;} 
	
	/*=========01 =========*/ 
	.focus_swiper{ height: 280px;}
	/* .focus_txt{ width: 180px;}   */
    .focus_txt_tit{ font-size: 18px;}
	.cases_show{ height: 380px;}  
	.cases_thumb{ position:static;}
	.cases_thumb_range{ width:100%; padding: 0;}
	.about_left{ float:none; width: 100%; max-width: none;}
	.about_more{ margin-top: 30px;}
	.about_right{ float:none; width: 100%;}
	/* .advertising_thumbs{ display:none;} */
    .advertising_swiper{ background-color: transparent;}
    .advertising_thumbs{ float: none; width: 100%; height: auto;}
    .advertising_thumbs .swiper-container{ background-color: #fff;}
    .advertising_thumbs_arrow{ position: static; width: 100%; max-width: 100px; margin: 15px auto;}
    .advertising_thumbs_arrow .swiper-button-prev,
    .advertising_thumbs_arrow .swiper-button-next{ max-width: 50px;}
	.advertising_show{ height: auto;}
	.advertising_img{ padding-top: 73.48%; } 
	.design_swiper .swiper-slide{ padding: 5px;}
	.design_cover{ width:100%; padding: 10px 20px;}
	.design_des{ margin-top: 5px;}
	.design_arrow div{ transform: translateY(-150%); }
	.design_arrow div.swiper-button-prev{ left:25px;}
	.design_arrow div.swiper-button-next{ right:25px;}
	.design_pagination{ position:static; margin-top: 20px;}
	.design_pagination .swiper-pagination-bullet-active i{ width: 25px;} 
	
	/*=========02 =========*/ 
	.banner_wrap{ height: 180px;}
	.guide_wrap{ line-height:40px;}
	.icon_logo{ width:40px;}
	#cases_guide .sub_nav a{ width: 33.33%;}  
	.rank_search{ clear:both; width:100%; max-width: none; margin-left: 0; margin-top: 10px;}
	.screen_item{ width: 40px;}
	.cases_info{ padding-right: 0;}
	.cases_swiper .swiper-slide:hover .cases_info,
	.cases_line a:hover .cases_info{ padding-left: 0; padding-right: 0;}
	.cases_swiper .swiper-slide:hover .cases_info:before,
	.cases_line a:hover .cases_info:before{ width:0;}
	.cases_cover{ display:none;} 
	
	/*=========10 =========*/ 
	.range_img, .range_text{ float:none; width: 100%;}
	.range_img .bg_img{ min-height:inherit;}
	.range_text{ padding:30px 20px;}
	.range_pagination{ position: static; width: 100%; text-align: center;}
	.range_text_scope{ width:100%; max-width: none; margin-left: 0;}
	.range_arrow .swiper-button-prev, .range_arrow .swiper-button-next{ transform: translateY(-360%); }
	.infomation_left{ float:none; width: 100%; border-right:none; padding-right: 0; margin-right: 0; border-bottom: 1px solid rgba(0,0,0, .06); padding-bottom: 30px; margin-bottom: 30px;}
}

@media (max-width: 567px) {
    .logo{ width: 170px;}
    .location_icon{ margin-left: 0;}
	/*=========01 =========*/ 
	.get_form{ border-radius: 5px; overflow: hidden;}
	.get_line:nth-child(n){ width:50%; border-radius: 0;}
	.get_btn{ width:50%; max-width: none; border-radius: 0;}
	.design_tab li{ width:25%;}
	.news_swiper .swiper-slide-active .news_block{ width: 100%; margin-left: 0; }
	.news_swiper .swiper-slide-next .news_block{ float:none;} 
	
	/*=========02=========*/ 
	.position{ float:none;}
	.sub_nav{ float:none;}
	.sub_nav a, #cases_guide .sub_nav a{ width: 33.33%;}  
	
	/*=========09 =========*/
	.news_line{ padding: 25px 0;}
	.news_img{ width:100%; float:none;}
	.news_more{ margin-top: 15px;}
	
}